<!DOCTYPE html>
<html lang="en">
<head>
    <meta  http-equiv="content-type" content="text/html" charset="utf-8"/>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        /**
         * 作用域链的实例
         * 执行环境：  window对象（最上层的执行环境）
         * color1和方法changeColor都属于window
         * 环境变量可以一层一层往上追朔，可以访问同级一级上级的作用域
         */
        var color1 = "blue";            //1.执行环境1 window
        function changeColor(){
            var color2 = "red";         //2.执行环境2
            function swapColor(){
                var color3 = color2;        //3.执行环境3   可以访问color1,2,3
                color2=color1;
                color1=color3;
            }
            swapColor();
        }
        changeColor();
    </script>
</head>
<body>

</body>
</html>